<template>
	<view class="content padding flex flex-direction align-center ">
		<view class="info response flex justify-center margin-top-xll flex-direction align-center">
			<image
				src="https://sprtcar.oss-cn-chengdu.aliyuncs.com/home/%E5%9B%BE%E5%B1%82%201@2x.png"
				mode="aspectFill"
				class="radius    "
				style="width: 150rpx;height: 150rpx;"
			></image>
			
			<text class="margin-top text-df">
				{{ merchantInfo.approvalStatus == '0' ? '审核中 , 请耐心等待~~' : merchantInfo.approvalStatus == '1' ? '审核通过~~' : '审核拒绝~~' }}
			</text>
			<button v-if="merchantInfo.approvalStatu == 2" class="cu-btn btn flex justify-center align-center margin-top" @click="settleAgain">
				再次入驻
			</button>
		</view>
	</view>
</template>

<script>
const app = getApp();
export default {
	data() {
		return {
			merchantInfo: {},
		};
	},
	methods: {
		settleAgain() {
			uni.navigateTo({
				url: 'merchSettled',
			});
		},
	},
	onLoad(e) {
		app.globalData.api.getUser().then(res => {
			this.merchantInfo = res.resultObj.identity.merchantInfo;
		});
	},
};
</script>

<style lang="scss" scoped>
.content {
	.btn {
		width: 500rpx;
		height: 100rpx;
		background-color: #f9cd3a;
	}
	.img {
		width: 300rpx;
		height: 300rpx;
		background: #ffffff;
		border-radius: 10rpx;
		margin-top: 109rpx;
		image {
			width: 260rpx;
			height: 260rpx;
			border-radius: 10rpx;
		}
	}
	.btn {
		width: 600rpx;
		height: 80rpx;
		background: linear-gradient(0deg, #f8ce39, #ffe791);
		border-radius: 10rpx;
		font-size: 32rpx;
		font-family: PingFang SC;
		font-weight: 500;
		color: #333333;
		margin-top: 28rpx;
	}
	.tip {
		font-size: 24rpx;
		font-family: PingFang SC;
		font-weight: 500;
		color: #999999;
		margin-top: 40rpx;
	}
}
</style>
